<div id="hero-slides">

    <div id="header">
        <!--<div id="logo"></div>-->
        <div id="menu">
            <div id="hamburger">
                <div class="slice"></div>
                <div class="slice"></div>
                <div class="slice"></div>
            </div>
        </div>
    </div>

    <div id="slides-cont">
        <div class="button" id="next"></div>
        <div class="button" id="prev"></div>
        <div id="slides">
            <div class="slide" style="background-image: url(./images/1.jpg);">
                <div class="number">01</div>
                <div class="body">
                    <div class="location">Shibuya, Japan</div>
                    <div class="headline">Photo by Benjamin Hung</div>
                    <a href="book.html">
                        <div class="link">View on Unsplash</div>
                    </a>
                </div>
            </div>
            <div class="slide" style="background-image: url(./images/2.jpg);">
                <div class="number">02</div>
                <div class="body">
                    <div class="location">Mong Kok, Hong Kong</div>
                    <div class="headline">Photo by Ryan Tang</div>
                    <a href="chatlist.html">
                        <div class="link">View on Unsplash</div>
                    </a>
                </div>
            </div>
            <div class="slide" style="background-image: url(./images/3.jpg);">
                <div class="number">03</div>
                <div class="body">
                    <div class="location">Incheon, South Korea</div>
                    <div class="headline">Photo by Steve Roe</div>
                    <a href="list.html">
                        <div class="link">View on Unsplash</div>
                    </a>
                </div>
            </div>
            <div class="slide" style="background-image: url(images/4.jpg);">
                <div class="number">04</div>
                <div class="body">
                    <div class="location">Wan Chai, Hong Kong</div>
                    <div class="headline">Photo by Sean Foley</div>
                    <a href="list.html">
                        <div class="link">View on Unsplash</div>
                    </a>
                </div>
            </div>
            <div class="slide" style="background-image: url(./images/5.jpg);">
                <div class="number">05</div>
                <div class="body">
                    <div class="location">Shibuya-ku, Japan</div>
                    <div class="headline">Photo by Alex Knight</div>
                    <a href="list.html">
                        <div class="link">View on Unsplash</div>
                    </a>
                </div>
            </div>
            <div class="slide" style="background-image: url(./images/6.jpg);">
                <div class="number">06</div>
                <div class="body">
                    <div class="location">Tokyo, Japan</div>
                    <div class="headline">Photo by Benjamin Hung</div>
                    <a href="list.html">
                        <div class="link">View on Unsplash</div>
                    </a>
                </div>
            </div>
            <div class="slide" style="background-image: url(./images/1.jpg);">
                <div class="number">07</div>
                <div class="body">
                    <div class="location">Taipei City, Taiwan</div>
                    <div class="headline">Photo by Jesus In Taiwan</div>
                    <a href="list.html">
                        <div class="link">View on Unsplash</div>
                    </a>
                </div>
            </div>
        </div>
        <div id="next-catch"></div>
        <div id="prev-catch"></div>
    </div>

</div>
